<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 标题 -->
    <title>表格标签</title>
</head>
<body>
    <!-- 
        table 表格标签
        1.border 属性       设置表格边框的宽度
        2.cellspacing 属性  设置单元格之间的距离
        3.cellpadding 属性  设置单元格内文本与边框的距离

        tr  行标签

        th  表头标签
        td  单元格标签
        1.colspan属性  一行跨多列
        2.rowspan属性  一列跨多行
    -->
    <table border="1px" cellspacing="0" cellpadding="10px">
        <tr>
            <th colspan="3" align="center">成绩单</th>
            <th rowspan="5">科目</th>
        </tr>
        <tr>
            <th>英语</th>
            <th>数学</th>
            <th>语文</th>
        </tr>
        <tr>
            <td>99.0</td>
            <td>91.0</td>
            <td>89.0</td>
        </tr>
        <tr>
            <td>79.0</td>
            <td>81.0</td>
            <td>93.0</td>
        </tr>
        <tr>
            <td>69.0</td>
            <td>82.0</td>
            <td>87.0</td>
        </tr>
    </table>


    <table border="1px" cellspacing="0" cellpadding="10px">
        <tr>
            <th colspan="3">菜价单</th>
        </tr>
        <tr>
            <th rowspan="4">序号</th>
            <th>菜名</th>
            <th>菜价</th>
        </tr>
        <tr>
            <td>白菜</td>
            <td>3￥</td>
        </tr>
        <tr>
            <td>豆腐</td>
            <td>2￥</td>
        </tr>
        <tr>
            <td>茄子</td>
            <td>5￥</td>
        </tr>
    </table>
</body>
</html>    